<!DOCTYPE html>
<html>
  <head>
    <title>服务预约</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	  <link rel="stylesheet" href="${s.base}/mobile/newcss/jquery-weui.css">
	  <link rel="stylesheet" href="${s.base}/mobile/newcss/base.css?123456">
	  <link rel="stylesheet" href="${s.base}/mobile/newcss/component.css?1234545454">
  </head>
  <body style="background:#ffffff;">
  <div class="xyg-index">
  <!--头部开始-->
  <div class="xyg-index-top">
	  <div id="swiper" class="swiper-container" data-pagination='.swiper-pagination' data-autoplay="1000">
		  <div class="swiper-wrapper">
			  <#list bannerList as banner>
				  <div class="swiper-slide">
					  <a href="${banner.url!'javascript:void(0)'}"><img style="width:100%;height: 200px" src="${banner.image}"/></a>
				  </div>
			  </#list>
		  </div>
	  </div>

  </div>
  <!--头部结束-->
   <!--详情内容开始-->
   <div class="xyg-index-content">
   	   <!--按钮内容开始-->
   	 <div class="xyg-index-content-btn">
   	 	<div class="xyg-index-content-btn-item" onclick="webSub('${memberId}','childSub')">
   	 		<img src="${s.base}/mobile/newimages/yijia_13.png?1111" class="xyg-index-content-btn-item-bg"/>
			<div class="xyg-index-content-btn-item-title">
				<!--疫 苗 接 种-->
			</div>
		 </div>
		 <div class="xyg-index-content-btn-item" onclick="webSub('${memberId}','genSub')">
				 <img src="${s.base}/mobile/newimages/yijia_15.png?1111" class="xyg-index-content-btn-item-bg"/>
				 <div class="xyg-index-content-btn-item-title">
					 <!--基 因 检 测-->
				 </div>
		 </div>
  	 	<div class="xyg-index-content-btn-item" onclick="webSub('${memberId}','medicSub')">
   	 		<img src="${s.base}/mobile/newimages/yijia_24.png?1111" class="xyg-index-content-btn-item-bg"/>
			<div class="xyg-index-content-btn-item-title">
				<!--医 学 美 容-->
			</div>
 	 	</div>
  	 	<div class="xyg-index-content-btn-item" onclick="webSub('${memberId}','proSub')">
   	 		<img src="${s.base}/mobile/newimages/yijia_25.png?1111" class="xyg-index-content-btn-item-bg"/>
			<div class="xyg-index-content-btn-item-title">
				<!--其他医疗服务-->
			</div>
  	 	</div>
   	 	<div class="clearBoth"></div>
   	 </div>
   	  <!--按钮内容结束-->
   </div>

  </div>
  <div style="width:100%; height:3.5rem;"></div>
  <div class="xyg-comp-bottom">
	  <div class="xyg-comp-bottom-item">
		  <a href="javascript:void(0)" onclick="subPage('${memberId}')">
			  <img src="${s.base}/mobile/newimages/yijia_10.png"/>
			  <div class="xyg-comp-bottom-item-text select-text">预约服务</div>
		  </a>
	  </div>
	  <div class="xyg-comp-bottom-item">
		  <a href="javascript:void(0)" onclick="myHome('${memberId}')">
			  <img src="${s.base}/mobile/newimages/menu_icon_3.png"/>
			  <div class="xyg-comp-bottom-item-text">个人中心</div>
		  </a>
	  </div>
	  <div class="clearBoth"></div>
  </div>
     
  <style type="text/css">
  html,body{background:#fefdfa;height:99%;}
  .xyg-index{width:96%; margin: 1% 2% 0px 2%; height:auto; padding-bottom: 0.2rem; min-height: 99%;}
  .xyg-index .xyg-index-top{width:100%; height:auto; margin-top: 0.2rem;background: #ffffff; padding-bottom: 0.2rem;}
  .xyg-index-top .xyg-index-top-item{width:100%; height:auto;position: relative;}
 .xyg-index-top .xyg-index-top-item .xyg-index-top-item-logo{width:100%; height:auto;}
  .xyg-index-top .xyg-index-top-item .xyg-index-top-item-title{width:96%; height:2rem; line-height: 2rem; text-align: center; font-size: 1rem; color:#000;font-weight: bold; letter-spacing: 0.02rem; position: absolute; top:1.3rem; left: 4%;}

	  .xyg-index-top .xyg-index-top-item .xyg-index-top-item-desc{width:96%; height:1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.8rem; color:#000;font-weight: bold;letter-spacing: 0.05rem; position: absolute; top:3rem; left: 4%;}
	  
	  .xyg-index-top .xyg-index-top-item .xyg-index-top-item-tag{width:96%; height:2rem; line-height: 2rem; text-align: center; font-size: 0.6rem; color:#332e14;letter-spacing: 0.05rem; position: absolute; bottom:0.6rem; left: 4%;}
	  
	  .xyg-index .xyg-index-content{width:100%; height:auto; margin-top: 0.2rem; padding-bottom: 1rem;}
	  .xyg-index .xyg-index-content-notice{width:100%; height:auto;margin-top: 0.2rem;}
	 .xyg-index .xyg-index-content-notice .xyg-index-content-notice-top{width:100%; height:2rem;line-height:2rem;font-size:16px; font-weight: bold; color: #000;}
	  .xyg-index .xyg-index-content-notice .xyg-index-content-notice-icon{float: left; height: 1.5rem;width: auto;margin:0.25rem 0.2rem;}
	  .xyg-index .xyg-index-content-notice .xyg-index-content-notice-title{width:90%; margin-left: 4%; height:auto;line-height:1rem;font-size: 12px;  color: #000;}
	  
	  .xyg-index .xyg-index-content .xyg-index-content-btn{width:100%; height:auto;}
	  .xyg-index-content-btn .xyg-index-content-btn-item{width:44%; margin-left: 4%; height:5rem;position: relative; float: left;margin-top: 1rem;}
 .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-item-bg{width:100%; height:5rem;}
  .xyg-index-content-btn .xyg-index-content-btn-item  .xyg-index-content-btn-item-title{width:92%; height:2rem; line-height: 2rem; text-align: left; font-size:18px; color:#fffdfd;letter-spacing: 0.1rem; position: absolute; top:0.4rem; left: 8%;}
	  .xyg-index-content-btn .xyg-index-content-btn-item  .xyg-index-content-btn-item-title ul{width: 90%; margin:0px 5%; }
	  .xyg-index-content-btn .xyg-index-content-btn-item  .xyg-index-content-notice-title ul a{ color: #0c0b0c;}

  </style>
  </body>
  <script src="${s.base}/mobile/newjs/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/newjs/jquery-weui.js"></script>
  <script src="${s.base}/mobile/newjs/swiper.js"></script>
  <script src="${s.base}/mobile/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/newjs/component.js"></script>
  <script src="${s.base}/mobile/newjs/window_port.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/js/base.js"></script>
  <!--js分享代码开始-->

  <input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
  <input type="hidden" value="${jSTicketShareResponse.fxTitle}" id="fxTitle" />
  <input type="hidden" value="${jSTicketShareResponse.fxImgUrl}" id="fxImgUrl" />
  <input type="hidden" value="${jSTicketShareResponse.fxDesc}" id="fxDesc" />
  <input type="hidden" value="${jSTicketShareResponse.fxUrl}" id="fxUrl" />
  <input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
  <input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
  <input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
  <script src="${s.base}/mobile/js/share.js"></script>
  <!--js分享代码结束-->
<script type="text/javascript">
    $(".swiper-container").swiper()
    var swiper = new Swiper('.swiper-container1', {
        slidesPerView: 4,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination1',
            clickable: true,
        },
    });
</script>
</html>

